.axiom-tree {
  // 1. 强制透明背景，融入父容器。
  background-color: transparent !important;

  // 2. 直接、强制地覆盖 Element Plus Tree 的内部节点样式，不再依赖其 CSS 变量。
  //    这是确保在所有主题下正确显示的最可靠方法。
  .el-tree-node__content {
    background-color: transparent !important; // 确保默认节点背景透明
    color: var(--axiom-text-color) !important; // 强制设置默认文本颜色
    transition: background-color 0.2s ease;

    // 悬停状态
    &:hover {
      background-color: var(--axiom-bg-color-hover) !important;
    }
  }

  // 选中状态
  .el-tree-node.is-current > .el-tree-node__content {
    background-color: var(--axiom-primary-color-light) !important; // 强制设置选中背景
    color: var(--axiom-primary-color) !important; // 强制设置选中文本颜色

    .el-tree-node__label {
      // The color is now handled by the parent, but we keep font-weight for emphasis.
      font-weight: 600;
    }
  }

  // 3. 修复复选框样式 (保持不变)
  .el-checkbox__inner {
    background-color: transparent;
    border-color: var(--axiom-border-color);
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--axiom-primary-color);
    border-color: var(--axiom-primary-color);
  }
}

.axiom-tree-node-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0; // 重置可能存在的内边距
}

.axiom-tree-node-label {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 8px; // 在文本和按钮之间留出一些空间
}

.axiom-tree-node-actions {
  flex-shrink: 0;
  visibility: hidden; // 默认隐藏
  transition: visibility 0.2s ease-in-out;

  .el-icon {
    color: var(--axiom-text-color-secondary);
    &:hover {
      color: var(--axiom-text-color-primary);
    }
  }
}

// 目标是父级的 el-tree-node__content 容器
// 当鼠标悬停在它上面时，显示内部的 actions
.el-tree-node__content:hover .axiom-tree-node-actions {
  visibility: visible;
}